<extend name="Top::index" />
 <!-- 在这里面填写内容 -->
<block name="conter">		
		
		<!-- desktop bar -->
		<section class="desktop-bar">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
					 <h3>Cart</h3>
					</div>
					<div class="col-sm-8">
						<ol class="breadcrumb hidden-xs pull-right">
							<li><a href="#">Home</a></li>
							<li class="active"><a href="#">Cart</a></li>
						</ol>
					</div>
				</div>
			</div>
		</section>
		
		<!-- FAQ -->
		<section>
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<a href=""><h2 class="t-color-6">全部商品</h2></a>
						<div class="heading1 b-color-6"></div>

						
						<div class="panel-group ques-ask" id="accordion" role="tablist" aria-multiselectable="true">
						
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-1" aria-expanded="true" aria-controls="collapse-1">购物车<span class="glyphicon glyphicon-menu-hamburger"></span></a>
									</h4>
								</div>
								<div id="collapse-1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">
										<div class="panelbody">
											<ul>
												<li class="body_li1"><input type="checkbox">全选</li>
												<li class="body_li2">商品信息</li>
												<li class="body_li3">规格</li>
												<li class="body_li4">单价（元）</li>
												<li class="body_li5">数量</li>
												<li class="body_li6">金额（元）</li>
												<li class="body_li7">操作</li>
											</ul>
										</div>
										<div class="panel_cart">
											<!-- 用来计算总数量的预定值 -->	
											<assign name="total" value="0" />						
											<!-- 用来计算总价格的预定值 -->
											<assign name="totalprice" value="0" />
											<!-- 判断购物车是否为空 如果为空 -->
										<empty  name="session">
											<span class="order_shop">你还没有商品<a href="{:U('Index/index')}">去购物</a></span>
										<else /> <!-- 不为空 -->
												<!-- 购物商品遍历开始 -->
											<foreach name="session" item="value" >
											<div class="panel_cart_table2">
												<ul>
													<li class="panel_cart1">
														<input type="checkbox" name="chebox1" class="chebox1">
														<img src="__PUBLIC__/index/images/1.jpg" class="chebox1_img">
													</li>
													<li class="panel_cart2">{$value['gname']}</li>
													<li class="panel_cart3">商品规格</li>
													<li class="panel_cart4">{$value['gp']}</li>
													<li class="panel_cart5">{$value['num']}</li>
													<li class="panel_cart6">{$value['num']*$value['gp']}.00</li>
													<li class="panel_cart7"><a href="{:U('Cart/delete',array('id'=>$value['gid']))}"><span class="glyphicon glyphicon-trash"></span></a></li>
													<!-- 计算所有商品的数量 -->
													<assign name="total " value ="$total += $value['num']" />
													<!-- 计算所有商品的总价格 -->
													<assign name="totalprice " value ="$totalprice += ($value['num']*$value['gp'])" />
												</ul>
											</div>
											<hr> <!-- 这个hr 有样式在身 -->										
											</foreach>
											<!-- 购物商品遍历结束 -->
											<a href="{:U('Cart/order')}"><button type="button" class="btn btn-danger danger1">结算订单</button></a>
											<a href="{:U('Cart/emptys',array('id'=>$value['gid']))}" class="danger2"><span class="glyphicon glyphicon-trash "></span><span class="danger2_span">清空</span></a>
											<span class="shop_span">已选商品 <b style="color:red;font-size:17px">{$total} </b>件</span>
											<if condition="$totalprice gt 5000" >
												<span class="money_span">已享受“满5000.00元享包邮”，该店铺商品合计：<span style="color:red">¥{$totalprice} </span>再逛逛</span>
											<else />
													<span class="money_span">不能享受包邮特惠哦! 再逛逛吧</span>
											</if>
										</empty>
											
										</div>
									</div>
								</div>
							</div>
						
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingTow">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-2" aria-expanded="true" aria-controls="collapse-2">  致新用户的一封信</a>
									</h4>
								</div>
								<div id="collapse-2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTow">
									<div class="panel-body">
										<p>大家好：
       欢迎加入淘宝的大家庭，作为新手卖家，即将面临着很多未知的挑战。不仅要对开店认证、店铺装修、淘宝助理等各项环节熟练操作，还要了解发布商品、发货时间、交易超时等重要规则。由此新用户前期需要花费大量的时间和精力去学习，甚至可能在某一个环节停滞不前或者遭受不必要的风险损失。为了提高大家在开店过程中的效率，快速掌握操作技巧，我们商品服务运营团队为新用户独家定制的新手宝典，让您开店无忧，为您保驾护航！</p>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-3" aria-expanded="true" aria-controls="collapse-3">“七天无理由退货”支持范围、处理流程及条件</a>
									</h4>
								</div>
								<div id="collapse-3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">
										<p>一.买家提出"七天无理由退货"服务的申请条件： 
								提出的商品需在支持“七天无理由退货”的商品品类范围内，"七天无理由退货"的商品品类参见《"七天无理由退货"服务的商品品类划分》。平台依据商品品类划分后的"七天无理由退货"服务于2014年3月12日正式上线执行，具体约定以商品服务标签为准
								买家在签收商品之日起七天内（按照物流签收后的第二天零时起计算时间，满168小时为7天）发起申请 ；买家在七天内已要求卖家提供"七天无理由退货"服务而被卖家拒绝，或无法联系到该卖家，或卖家中断其经营或服务；
								买家的服务申请在形式上符合相关法律法规的规定；
								申请金额仅以买家实际支付的商品价款为限；
								买家提出"七天无理由退货"服务的申请，商品需完好，详见各品类《商品完好定义》；</p>
								</p>
									</div>
								</div>
							</div>	
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFour">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-4" aria-expanded="true" aria-controls="collapse-4">“退货承诺”服务介绍</a>
									</h4>
								</div>
								<div id="collapse-4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									<div class="panel-body">
										<p>“退货承诺”是交易约定服务中的一种类型，指卖家承诺店铺内商品支持购买后退货的服务。卖家可针对不同商品设置不同的服务条件，如可设置店铺某一类商品的服务条件为：买家在卖家承诺时间内拆封亦可退货，退货邮费由买家自理。
可设置内容：
保障时效：商品签收之日起，8天、9天、10天、15天（单选）
商品状态：不同行业的所选条件有所不同，卖家自行选择
承担费用：发货费用、退货费用
费用承担方：卖家承担、买家承担（单选）
 
退货承诺服务的准入流程 
退货承诺服务的行为规范及违规处理 
退货承诺服务的退出 
退货承诺服务的准入条件
退货承诺服务的常见问题</p>
									</div>
								</div>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- sponsor -->
		<section class="sponsor">
			<div class="container">			
				<div id="sponsor" class="carousel slide" data-ride="carousel">
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<div class="row">	
								<div class="col-sm-12">
									<ul class="list-inline text-center">
										<li><img class="" src="__PUBLIC__/index/images/1.gif" /></li>
										<li><img class="" src="__PUBLIC__/index/images/2.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/3.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/4.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/5.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/6.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/7.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/8.png" /></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="row">	
								<div class="col-sm-12">
									<ul class="list-inline text-center">
										<li><img class="" src="__PUBLIC__/index/images/1.gif" /></li>
										<li><img class="" src="__PUBLIC__/index/images/2.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/3.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/4.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/5.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/6.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/7.png" /></li>
										<li><img class="" src="__PUBLIC__/index/images/8.png" /></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Controls -->
				<a class="control-left" href="#sponsor" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
				<a class="control-right" href="#sponsor" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>
				</div>			
			</div>
		</section>	
		
		<!-- social icons -->
		<section class="social-icons">
			<div class="container">			
				<div class="row">	
					<div class="col-sm-12">
						<ul class="list-inline text-center">
							<li><a href="#" ><i class="fa fa-facebook"></i></a></li>
							<li><a href="#" ><i class="fa fa-spotify"></i></a></li>
							<li><a href="#" ><i class="fa fa-tumblr"></i></a></li>
							<li><a href="#" ><i class="fa fa-share-alt"></i></a></li>
							<li><a href="#" ><i class="fa fa-linkedin"></i></a></li>
							<li><a href="#" ><i class="fa fa-delicious"></i></a></li>
							<li><a href="#" ><i class="fa fa-instagram"></i></a></li>
							<li><a href="#" ><i class="fa fa-dropbox"></i></a></li>
							<li><a href="#" ><i class="fa fa-soundcloud"></i></a></li>
							<li><a href="#" ><i class="fa fa-pinterest"></i></a></li>
							<li><a href="#" ><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#" ><i class="fa fa-github-alt"></i></a></li>
							<li><a href="#" ><i class="fa fa-skype"></i></a></li>
							<li><a href="#" ><i class="fa fa-stumbleupon"></i></a></li>
							<li><a href="#" ><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</section>	
		
		<footer>
			<div class="footer-top">
				<div class="container">			
					<div class="row">	
						<div class="col-sm-3">
							<h2>About E-Market</h2>
							<div class="heading-border b-color-1"></div>
							<p>Nam apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci vulputate consetetur, 								causae consulatu eaper,  apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci 								vulputate consetetur, causae consulatu eaper</p>
							<div><a href="">Read More <i class="fa fa-angle-double-right"></i></a></div>
							<strong>Newsletter</strong>
							<!-- <form class="navbar-for" role="email">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="Email Address">
									<span class="nav-search"><a href="#"><i class="fa fa-envelope"></i></a></span>
								</div>	
							</form> -->
							<small>Eros posse verterem congue saperet.</small>
						</div>
						<div class="col-sm-3">
							<h2>Featured Products</h2>
							<div class="heading-border b-color-1"></div>
							<ul class="media-list">
								<li class="media">
									<div class="media-left"><img src="__PUBLIC__/index/images/featured-1.jpg" alt=""></div>
									<div class="media-body">
										<p class="media-heading">Lorem ipsum dolor sit amet</p>
										<div class="category">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star-o"></i>
										</div>
										<strong>$899.99</strong>
									</div>
								</li>
								<li class="media">
									<div class="media-left"><img src="__PUBLIC__/index/images/featured-1.jpg" alt=""></div>
									<div class="media-body">
										<p class="media-heading">Lorem ipsum dolor sit amet</p>
										<div class="category">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star-o"></i>
										</div>
										<strong>$899.99</strong>
									</div>
								</li>
								<li class="media">
									<div class="media-left"><img src="__PUBLIC__/index/images/featured-1.jpg" alt=""></div>
									<div class="media-body">
										<p class="media-heading">Lorem ipsum dolor sit amet</p>
										<div class="category">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star-o"></i>
										</div>
										<strong>$899.99</strong>
									</div>
								</li>
							</ul>
						</div>
						<div class="col-sm-3">
							<h2>Latest News</h2>
							<div class="heading-border b-color-1"></div>
							<ul class="media-list">
								<li class="media">
									<div class="media-left text-center">
										<img src="__PUBLIC__/index/images/featured-1.jpg" alt="">
										<span><i class="fa fa-search"></i></span>
									</div>
									<div class="media-body">
										<p class="f-border">Lorem ipsum dolor sit amet, an animal feugait</p>
										<p class="f-date">23 August 2015</p>
									</div>
								</li>
								<li class="media">
									<div class="media-left text-center">
										<img src="__PUBLIC__/index/images/featured-1.jpg" alt="">
										<span><i class="fa fa-search"></i></span>
									</div>
									<div class="media-body">
										<p class="f-border">Lorem ipsum dolor sit amet, an animal feugait</p>
										<p class="f-date">23 August 2015</p>
									</div>
								</li>
								<li class="media">
									<div class="media-left text-center">
										<img src="__PUBLIC__/index/images/featured-1.jpg" alt="">
										<span><i class="fa fa-search"></i></span>
									</div>
									<div class="media-body">
										<p class="f-border">Lorem ipsum dolor sit amet, an animal feugait</p>
										<p class="f-date">23 August 2015</p>
									</div>
								</li>
							</ul>
						</div>
						<div class="col-sm-3">
							<h2>Contact us</h2>
							<div class="heading-border b-color-1"></div>
							<strong class="media-heading">Address</strong>
							<p>Lebel 2, 13 Elezabe St, Melbounire, Victoria 3000, +8492575, USA</p>

							<strong class="media-heading">Phone & Fax</strong>
							<p>+880183947930</p>
							<p>+(980)1839479</p>

							<strong class="media-heading">E-Mail Address</strong>
							<p>support@gmail.com</p>
							<p>example@gmail.com</p>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">		
					<div class="row">	
						<div class="col-sm-12 text-center">
							<p>Copyright 2015 made by <a href="#">Bootultra.com</a> & Disign by Shaifuddin. All Rights Reserved.</p>
							<ul class="list-inline center-block">
								<li><a href="#"><img src="__PUBLIC__/index/images/card-1.png"></a></li>
								<li><a href="#"><img src="__PUBLIC__/index/images/card-2.png"></a></li>
								<li><a href="#"><img src="__PUBLIC__/index/images/card-3.png"></a></li>
								<li><a href="#"><img src="__PUBLIC__/index/images/card-4.png"></a></li>
								<li><a href="#"><img src="__PUBLIC__/index/images/card-5.png"></a></li>
							</ul>
						</div>
					</div>
				</div>	
			</div>
		</footer>
			
        <!-- ALL JAVASCRIPT -->         
        <script src="__PUBLIC__/index/js/jquery.js"></script>
        <script src="__PUBLIC__/index/bootstrap/js/bootstrap.min.js"></script>
        <script src="__PUBLIC__/index/js/custom.js"></script>
					
    </body>
</html>
 </block>